<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-if的使用测试</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
<div id="app">
    <span v-if="age>18">我是一个纯洁的男人</span>
    <span v-else-if="age<18">我是一个帅哥</span>
    <span v-else>考虑一下</span>
</div>
<script>
    var app = new Vue({
        el: '#app',
        // 注意使用age时必须现在实例方法中提前设置好,否则一直执行v-else的结果
        data: {age: "19"}
    })
</script>
</body>
</html>